﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Templates/Home/Home.Master" AutoEventWireup="true" CodeBehind="Detail.aspx.cs"
    Inherits="VIT.TestWeb.Product1.Detail" %>
<%@ Register Assembly="VIT.Web.Controls" Namespace="VIT.Web.Controls" TagPrefix="VIT" %>

<asp:content id="Content1" contentplaceholderid="HeadContent" runat="server">
    <title>Sản phẩm :: Yêu thích - Dịch vụ - Dịch vụ trọn gói - Màu - Style - <%=URLRoot %></title>
<meta name="keywords" content="Sản phẩm :: Yêu thích - Dịch vụ - Dịch vụ trọn gói - Màu - Style - <%=URLRoot %>"/>
<meta name="description" content="Sản phẩm :: Yêu thích - Dịch vụ - Dịch vụ trọn gói - Màu - Style - <%=URLRoot %>"/>
<meta name="title" content="Sản phẩm :: Yêu thích - Dịch vụ - Dịch vụ trọn gói - Màu - Style - <%=URLRoot %>"/>

    <link rel="stylesheet" type="text/css" href="<%=URLRoot %>Includes/jshowoff/jshowoff.css" />
    <script type="text/javascript" src="<%=URLRoot %>Includes/jshowoff/jquery.jshowoff.min.js"></script>
    <%--<link rel="stylesheet" type="text/css" href="../../Includes/SlideshowNumber/wt-rotator.css" />--%>
    <link rel="stylesheet" type="text/css" href="../../Includes/style-slick/style-slick.css" />
    <link rel="stylesheet" href="../../Includes/Picture-Slides/picture-slides.css" type="text/css" />
    <%--<script type="text/javascript" src="<%=URLRoot %>Includes/SlideshowNumber/jquery.wt-rotator.min.js"></script>
    <script type="text/javascript" src="<%=URLRoot %>Includes/SlideshowNumber/preview.min.js"></script>--%>
    <script type="text/javascript" src="../../Includes/Picture-Slides/PictureSlides-jquery-2.0.js"></script>
    
</asp:content>
<asp:content id="Content2" contentplaceholderid="MainContent" runat="server">
    <div class="nd"></div>
    <div class="banner2">
        <VIT:Skin runat="server" ID="SkinBannerProduct" SkinName="Empty"></VIT:Skin>
        <VIT:Skin ID="SkinBanner" runat="server" SkinName="SkinSlideShowProduct"></VIT:Skin>
        <VIT:Skin ID="SkinContent" runat="server" SkinName="Empty"></VIT:Skin>
        <div class="call-hotline">
        <ul>
            <h3>Vui lòng đặt hàng qua số HOTLINE <span style="color:Red"><%=phone%></span> hoặc </font><a href="<%=linkComponent("Contact","Contact","sId=ContactPage")%>">Mail</a></h3>
        </ul>
        <VIT:Skin ID="SkinEmpty" runat="server" SkinName="Empty"></VIT:Skin></div>
        <div class="cl"></div>
    </div>
    <VIT:Skin ID="SkinCenter" runat="server" SkinName="CenterSANP"></VIT:Skin>
    <div class="fr" style='<%= obj.ID == 0 ? "display:none" :"display:block"%>'>
        <div class="title-gioithieu">Yêu thích <%= obj.Type%> <%= obj.Name%>, Bạn có thể chọn những <%=obj.Type == "màu" ? "STYLE" : "MÀU"%> dưới đây:</div>
        <div class="ct">
            <div class="checkstyle">
                <asp:Repeater runat="server" ID="rptChoose">
                    <ItemTemplate>
                        <ul>
                            <a href="<%#linkComponent("Product","List",obj.Type == "style" ? "sColorsId="+Eval("Id"): "sStylesId=" + Eval("Id"))%>"> <img src="<%# URLRoot %>Uploads/Images/<%=obj.Type == "màu" ? "Colors":"Styles"%>s/Thumbs/<%#Eval("ImagePath") %>" alt="" /></a>
                            <h2><%# Eval("Name") %></h2>
                        </ul>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
        </div>
    </div>
    <div class="fr" style='<%= (obj.ID == 0) ? "display:none" : "display:block"%>'>
        <div class="title-gioithieu">
            Tìm thêm các sản phẩm cùng <%= obj.Type%></div>
        <div class="ct">
            <div class="checks-sanphamcungmau">
            <ul>
                <asp:Repeater runat="server" ID="rptProductSame">
                    <ItemTemplate>
                        <li><a href="<%#linkComponent("Product","List","sId=" + Eval("CategoryId") + (obj.Type == "màu" ? "&sColorsId=" +  obj.ID : "&sStylesId=" +  obj.ID))%>"> <%# Eval("Title") %> <%= obj.Type%> <%# obj.Name%></a></li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
            </div>

        </div>
    </div>
</asp:content>
